#d1{
    height: 40px;
   background: #000;
   line-height: 40px;
}
#d1 a{
    color:aliceblue;
}    
#tp{
    width:30%;
}
#d2{
    height:60px;
    line-height: 60px;
}
#d3{
    position:fixed;
    right:210px;
    border:1px solid #000;
    z-index: 100;
    
}
#d3 a{
    color:#000;
}
#tp3{
    width:30%;

}
#gag{
  position:absolute;
  right:50px;
  top:15px;

}
#d4{
    position:relative;
}
ul{
    list-style-type: none;
}
#d7{
    background: rgb(121, 147, 196);
    color:aliceblue;
    position:fixed;
    width:100%;
    top:10%;
    height:80%;
    display: none;
    z-index: 100;
}
ul{
    display: none;
}  
#d7{
    display: none;
}
#d7>div{
    margin-top: 20px;
    margin-left: 15px;
    border-bottom:1px solid #000
}
#d6{
    margin-top:80px;
}
#d9{
    position:relative;
   
}
#tp5{
    position:absolute;
    top:90px;
    left:350px;
}
#tp9{
    height:300px;
}
#tp6{
    position:absolute;
    top:90px;
    left:150px;
}
#p1{
    font-size: 25px;
   

}
#p2{
    position:absolute;
    top:200px;
    color:#fff
}
#p3>div{
display: flex;
justify-content: center;
}
#p3 img{
    width:60px;
  
}
#p3 p{
    font-size: 20px;
    margin-top: 30px;;
    color:rgb(249, 246, 246)
}
#p4{
    height:500px;
    background: rgb(23,38,62);
}
footer{
    position:relative;
    margin-top:680px;
}
#p3{
  padding-top: 50px;
}
#p5{
    margin-top: 50px;;
}
#p6{
    margin-top:350px;
    color:#fff
}
#p7 img{
    width: 60px;
}
#p7{
    margin-top: 800px;;
    height:290px;
    background:rgb(17,136,255) ;
}
#p8{
    height:100px;
    background:#000 ;
    color:rgb(153,153,153);
    margin-top:210px;
}